<template>
  <div class="outer">
    <h2>{{ title }}分类</h2>
     <!-- 作用域插槽中,在slot上使用类似于props传值的方法 给将来要替换slot的结构传递数据 -->
    <slot name="default" :list="list" :a="1"></slot>
    <footer>footer</footer>
  </div>
</template>

<script>
export default {
  name: "Item",
  props: ["title", "list"],
};
</script>

<style scoped>
.outer {
  width: 200px;
  height: 300px;
  background: #e2a431;
}
.outer > h2 {
  background: cadetblue;
}
</style>
